<seed-content class="plan-edit-teaching-information">
  <seed-toolbar-header>
    <seed-toolbar-title>教学过程</seed-toolbar-title>
    <seed-toolbar-menu></seed-toolbar-menu>
  </seed-toolbar-header>
  <div class="teaching-information-name">{{subjectName | decodeuri}}</div>

  <div class="seed-gap"></div>
  <div class="teaching-information-pages">
    <div class="teaching-process-text">
      <div class="edit-header border-bottom-scaleY">
        <h2 class="edit-title-stripe">教学目标</h2>
      </div>
      <seed-textarea-form
        width="100%"
        height="240"
        placeMark="例如培养学生的身体协调性和节奏感"
        maxQuantity="200" [text]="teachProcessDefault.target"
        (textChange)="setTeachInfoByTarget($event)"
      ></seed-textarea-form>
    </div>

    <div class="seed-gap"></div>
    <div class="important-area">
      <div class="edit-header border-bottom-scaleY">
        <h2 class="edit-title-stripe">重点领域</h2>
      </div>
      <ul class="select-box" #focusField>
        <li (click)="handleChooseValueByTeachInfo($event, 'focusField')">课堂参与</li>
        <li (click)="handleChooseValueByTeachInfo($event, 'focusField')">技能培训</li>
        <li (click)="handleChooseValueByTeachInfo($event, 'focusField')">身体素质</li>
        <li (click)="handleChooseValueByTeachInfo($event, 'focusField')">心理健康</li>
      </ul>
    </div>

    <div class="seed-gap"></div>
    <div class="important-area">
      <div class="edit-header border-bottom-scaleY">
        <h2 class="edit-title-stripe">场地器材</h2>
      </div>
      <p>场地</p>
      <ul class="select-box" #area>
        <li (click)="handleChooseValueByTeachInfo($event, 'area')">教室</li>
        <li (click)="handleChooseValueByTeachInfo($event, 'area')">球场</li>
        <li (click)="handleChooseValueByTeachInfo($event, 'area')">球馆</li>
      </ul>
      <p>器材</p>
      <ul class="select-box" #equipment>
        <li (click)="handleChooseValueByTeachInfo($event, 'equipment')">口哨</li>
        <li (click)="handleChooseValueByTeachInfo($event, 'equipment')">足球</li>
        <li (click)="handleChooseValueByTeachInfo($event, 'equipment')">篮球</li>
        <li (click)="handleChooseValueByTeachInfo($event, 'equipment')">网球/网球拍</li>
        <li (click)="handleChooseValueByTeachInfo($event, 'equipment')">羽毛球/羽毛球拍</li>
        <li (click)="handleChooseValueByTeachInfo($event, 'equipment')">乒乓球/乒乓球拍</li>
      </ul>
    </div>

    <div class="seed-gap"></div>
    <div class="capacity-predict">
      <div class="edit-header border-bottom-scaleY">
        <h2 class="edit-title-stripe">负荷预计</h2>
      </div>
      <ul>
        <li class="border-bottom-scaleY">
          <span class="seventeen">平均心率(次/分)</span>
          <input type="tel"
                 #heartRate
                 placeholder="请输入平均心率"
                 (keyup)="setTeachInfoByHeartRate(heartRate.value)"
          >
        </li>
        <li class="border-bottom-scaleY">
          <span class="seventeen">练习密度(%)</span>
          <input type="tel"
                 #density
                 placeholder="请输入练习密度"
                 (keyup)="setTeachInfoByDensity(density.value)"
          >
        </li>
        <li>
          <span class="seventeen">心理负荷</span>
          <div class="chose-load">
            <select #mentalLoad (change)="setTeachInfoByMentalLoad(mentalLoad.value)">
              <option value="" selected>请选择</option>
              <option value="1">弱</option>
              <option value="2">较弱</option>
              <option value="3">中等</option>
              <option value="4">较强</option>
              <option value="5">强</option>
            </select>
            <div class="profile-end">
              <seed-icon  color="c4"  name="icon-arrow-right"></seed-icon>
            </div>
          </div>
        </li>
      </ul>
    </div>
  </div>
</seed-content>
<seed-submit-button
  [btnText]="'保存'"
  class="fixed-bottom"
  [disabled]="isDisabled"
  (submit)="handleTeachInfoEvent()"
></seed-submit-button>
